// 注册自定义指令
// 处理图片异常  监测图片dom的error事件

export const imagerror = {
  // 当指令作用的dom对象插入元素后触发
  // inserted(dom, options) {
  //   dom.onerror = function() {
  //     dom.src = options.value
  //   }
  // },
  inserted(dom, options) {
    //   图片异常的逻辑
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    dom.src = dom.src || options.value

    dom.onerror = function() {
      // 图片失败  赋值一个默认的图片
      dom.src = options.value
    }
  },
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}

